{% extends "../_base/layout.html" %} 
{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/personal_security.css"> 
{% endblock %} 
{% block content %} 
    {% block header%} 
        {% set pageHeaderConf = {pageTitle: __("security_page_title"),level:2} %} 
        {%include "../_base/page_header.html"%} 
    {% endblock %}
<div class="eui-main-container security-main-container">
    <div class="eui-bar-tab eui--margin-b-20">
        <p class="eui-bar-item eui--text-center eui--font-28 eui--black-color">{{__("personal_member_name")}}：
            <span class="member-name">XXXXXX</span>
        </p>
        <p class="eui-bar-item eui--text-center eui--font-28 eui--black-color">{{__("security_safety_level")}}：
            <span class="security-level eui-76c076-color">高</span>
        </p>        
    </div>

    <div class="eui-bar-tab eui-bar-tab-one">
        <a href="/personal/security/examine" class="eui-tab-item">
            <span class="eui-icon eui-icon-examination"></span>
            <p class="eui-tab-label">{{__("security_safety_experience")}}</p>
        </a>
            <a href="/personal/security/changePhone" class="eui-tab-item">
            <span class="eui-icon eui-icon-phone"></span>
            <p class="eui-tab-label">{{__("security_phone_verification")}}</p>
        </a>
        <a href="/personal/changeEmail/noEmail" class="eui-tab-item">
            <span class="eui-icon eui-icon-email"></span>
            <p class="eui-tab-label">{{__("security_email_verification")}}</p>
        </a>
    </div>

    <div class="eui-bar-tab">
        <a href="/personal/security/info" class="eui-tab-item">
            <span class="eui-icon eui-icon-info"></span> 
            <p class="eui-tab-label">{{__("security_personal_info")}}</p>           
        </a>
        <a href="/personal/security/changePwd" class="eui-tab-item">
            <span class="eui-icon eui-icon-pwd"></span>
            <p class="eui-tab-label">{{__("security_change_password")}}</p>
        </a>
        <a href="/personal/beMember/member" class="eui-tab-item">
            <span class="eui-icon eui-icon-member"></span> 
            <p class="eui-tab-label">{{__("security_be_member")}}</p>           
        </a>
    </div>        
</div>
{% endblock %}
